
@import url('../../css.css');

*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0px; padding:0px;}
body { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size:16px; line-height:22px; background:#fff;  
overflow-x: hidden; margin: 0px !important; padding: 0px !important; }
html {-webkit-font-smoothing: antialiased !important;}


/*========== GENERAL DECLARATION  ===========*/
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif; color: #232323 ; }

.h1, h1 {
    font-size: 40px;
}

.h2, h2 {
    font-size: 32px;
}

.h3, h3 {
    font-size: 28px;
}

.h4, h4 {
    font-size: 24px;
}

.h5, h5 {
    font-size: 20px;
}

.h6, h6 {
    font-size: 16px;
}

a { background: transparent; color:#232323; cursor:pointer;   outline: none;}
a:focus { outline:none; text-decoration:none;}
a:hover { text-decoration:none; cursor:pointer; color: #f68625;}
ul, ol, li{ padding:0px; margin:0px; list-style:none;}

p{font-size: 18px; line-height: 30px; color: #232323;}
a:hover, button:hover { color: #232323;}         
a, button { transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
          -moz-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
      -o-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms; 
      -webkit-transition: color 300ms, background-color 300ms, border-color 300ms, background 300ms, text-decoration 300ms, background-image 300ms, opacity 300ms;
      }

::selection{ background:#666; color: #fff; text-shadow:none;}

input,select,button { outline:none; border:none;}
butto:hover { cursor:pointer;}
.form-control {border-radius:0px; border-color:#EEE;}
.form-control:focus {  color: #495057;    background-color: #fff;    border-color: #272839 !important;    outline: 0;    box-shadow:none;}
.button { padding:5px 30px; font-size:16px; color: #232323; margin:0px; border:#eeeeee solid 1px; font-weight:600; border-radius:25px;  line-height:30px; display:inline-block;} 
.button span { margin-left:10px; }
.button span img { vertical-align:top;  margin-top: 10px;}

.button { padding:5px 30px; font-size:16px; color: #232323; margin:0px; border:#eee solid 1px; font-weight:600; border-radius:25px;  line-height:30px; display:inline-block; cursor: pointer;background:#FFF;
	transition: ease-in-out all 1s;	-webkit-transition: ease-in-out all 0.5s;	-ms-transition: ease-in-out all 0.5s;	-o-transition: ease-in-out all 0.5s; position:relative}
.button:hover {transition:all 0.5s; color:#FFF;background:#14bac6}

/*.button {    display: inline-block;    vertical-align: middle;    -webkit-transform: perspective(1px) translateZ(0);    transform: perspective(1px) translateZ(0);    box-shadow: 0 0 1px transparent;    position: relative;    background: #FFF;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.button:hover, .button:focus, .button:active {color: white;}
.button:hover:before, .button:focus:before, .button:active:before {    -webkit-transform: scaleX(1);    transform: scaleX(1);}
.button:before {    content: "";    position: absolute;    z-index: -1;    top: 0;    bottom: 0;    left: 0;    right: 0;    background: #ee3e5b;    background: -moz-linear-gradient(top, #ee3e5b 0%, #ee4155 21%, #f04d3d 73%, #f05134 100%);    background: -webkit-linear-gradient(top, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%);    background: linear-gradient(to bottom, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3e5b', endColorstr='#f05134',GradientType=0 );    -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transform-origin:0%;    transform-origin: 0%;    -webkit-transition-property: transform;    transition-property: transform;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;    -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out; border-radius: 25px;}
*/
.old-button:hover { color: #FFF; background: #ee3e5b; /* Old browsers */
background: -moz-linear-gradient(top, #ee3e5b 0%, #ee4155 21%, #f04d3d 73%, #f05134 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3e5b', endColorstr='#f05134',GradientType=0 ); /* IE6-9 */} 

.button-white { padding:5px 30px; font-size:16px; color: #fff; margin:0px; border:#FFF solid 1px; font-weight:600; border-radius:25px;  line-height:30px; display:inline-block;} 
.button-white span { margin-left:10px;}
.button-white span img { vertical-align:top;  margin-top: 10px;}

.button-white:hover {background: #FFF; color: #232323;}


.blue-btn { padding:0px 30px; font-size:14px; text-transform:uppercase; margin:0px; background:none; border:#30a9da solid 2px; font-weight:600; border-radius:25px;  line-height:35px; display:inline-block;} 
.blue-btn span { margin-left:20px;}
.blue-btn span img { vertical-align:top;  margin-top: 10px;}

.red-btn { padding:5px 20px;  background:#035273 ; color:#FFF ; margin:0px; font-weight:600; border-radius:25px;  line-height:30px; display:inline-block; position:relative; 	transition: ease-in-out all 1s;	-webkit-transition: ease-in-out all 0.5s;	-ms-transition: ease-in-out all 0.5s;	-o-transition: ease-in-out all 0.5s; position:relative; cursor:pointer;}
.red-btn:hover {transition:all 0.5s; color:#FFF; background:#14bac6;}


.blue-color{color: #035273;}

.gradient-x{ background: #9ad06e; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */}

.gradient-y{ background: #ee3e5b; /* Old browsers */
background: -moz-linear-gradient(top, #ee3e5b 0%, #ee4155 21%, #f04d3d 73%, #f05134 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ee3e5b 0%,#ee4155 21%,#f04d3d 73%,#f05134 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee3e5b', endColorstr='#f05134',GradientType=0 ); /* IE6-9 */}



.heading-center h1{color: #035273 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 600;  }
.heading-center h1::before{content:""; max-width: 136px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left: 50%;  
  transform: translateX(-50%);
background: #035273; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */ }


.heading-left h1{color: #035273 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 600;  }
.heading-left h1::before{content:""; max-width: 136px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left: 0%;
background: #f05134; /* Old browsers */
background: -moz-linear-gradient(left, #f05134 0%, #f04d3d 27%, #ee4155 79%, #ee3e5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */ }




.heading h2{color: #035273 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: 600;  }
.heading h2::before{content:""; max-width: 136px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left: 40%;
background: #f05134; /* Old browsers */
background: -moz-linear-gradient(left, #f05134 0%, #f04d3d 27%, #ee4155 79%, #ee3e5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */ }

.heading h3{color:#232323 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: normal;  }
.heading h3::before{content:""; max-width: 66px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left: 40%;background: #e4e4e4; }

.heading-left-grey h3{color:#232323 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: normal;  }
.heading-left-grey h3::before{content:""; max-width: 66px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left:0%;background: #ebeaea; }

.heading-left-grey h4{color:#232323 ; position: relative; padding-bottom: 10px; margin-bottom: 10px; font-weight: normal;  }
.heading-left-grey h4::before{content:""; max-width: 66px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left:0%;background: #ebeaea; }

.heading-red h3{color:#232323 ; position: relative; padding-bottom: 20px; margin-bottom: 20px; font-weight: normal;  }
.heading-red h3::before{content:""; max-width: 66px; width: 100%; margin: 0 auto ; height: 3px; position: absolute; bottom:0; left: 40%;
background: #f05134; /* Old browsers */
background: -moz-linear-gradient(left, #f05134 0%, #f04d3d 27%, #ee4155 79%, #ee3e5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f05134 0%,#f04d3d 27%,#ee4155 79%,#ee3e5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */  }

.site-wrapper { display: table;  width: 100%;  height: 100%; /* For at least Firefox */  min-height: 100%;  box-shadow: inset 0 0 5rem rgba(0,0,0,.5);}
.site-wrapper-inner {  display: table-cell;  vertical-align: top;}
.cover-container {  margin-right: auto;  margin-left: auto;}

.p-top0{padding-top: 0;}
.mr-top0{margin-top:0px ;}
.mr-top10{margin-top: 10px;}
.mr-top20{margin-top: 20px;}
.mr-top30{margin-top: 30px;}
.mr-top40{margin-top: 40px;}
.mr-top50{margin-top: 50px;}

.mr-b-30{margin-bottom: 30px;}
/*============================ */
/*======== Header  ========== */
/*============================ */
header{/*background: url('../images/header-bg.png')*/ top center no-repeat; width: 100%; position: relative; background-size: 100%; transition: ease all 0.5s;}
header:after{background:url('../images/shape.png') top left no-repeat; content: ''; position: absolute; left: 0; top: 0; width: 370px; height: 349px;}
.nav-brand{padding:0px 15px 0 0 }



.request-quote a.button { padding:5px 20px;  background:#e72283 ; color:#FFF ; margin:0px; font-weight:600; border-radius:25px;  line-height:30px; display:inline-block; position:relative; margin-left: 20px;
	transition: ease-in-out all 1s;	-webkit-transition: ease-in-out all 0.5s;	-ms-transition: ease-in-out all 0.5s;	-o-transition: ease-in-out all 0.5s; position:relative}
.request-quote a.button:hover {transition:all 0.5s; color:#FFF; background:#14bac6;}


/*
.request-quote a {background:#035273 ; color:#FFF  !important;cursor: pointer;display: block;	border: 1px solid #035273;	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); position:relative;  border-radius:25px; margin-left: 50px;}
.request-quote a:hover {color:#FFF !important;	background-color:transparent;	text-shadow: nthree;  }
.request-quote a:hover:before {left: 0%;	right: auto;	width: 100%;  }
.request-quote a:before {display: block;	position: absolute;	top: 0px;	right: 0px;	height: 100%;	width: 0px;	z-index: -1;	content: '';	color: #000;	background: #222755;	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); border-radius:25px;}
*/

.fixed-header{ transition: ease all 0.5s; position: relative; z-index: 999; }
.fixed-header .logo-white{display: block;}
.fixed-header.sticky .logo-white{display: none;}
.fixed-header .logo-color{display: none; }
.fixed-header.sticky .logo-color{display: block;     width: 150px;  margin-top: 7px;}
.sticky{position: fixed; top: 0; z-index: 99; background: #FFF; width: 100%; transition: ease all 0.5s; box-shadow: #EEE 0 0 10px;}
.fixed-header.sticky .navigation{padding: 0px;}
.fixed-header.sticky .nav-menu { margin: 13px 0 0 0;}

/*============================ */
/*======== Megamenu Section ========== */
/*============================ */
    
.mega-menu{width: 100%; padding: 30px 30px 30px 30px; background: #FFF; left:0px; }
.mega-menu ul li { width: 100%;  float: left;  clear: both;  position: relative;  text-align: left;    border-bottom: #f7f7f7 solid 1px;}
.mega-menu ul li a { width: 100%;  padding: 10px 0px; display: inline-block; float: left; font-size: 16px;color: #70798b;transition: color .3s, background .3s;}
.mega-menu>ul li.active>a, .mega-menu ul li>.focus>a, .mega-menu ul>li:hover>a {    color: #035273;}
.menu-img{margin-bottom: -30px;}
/*============================ */
/*======== Home intro  ========== */
/*============================ */

.intro{width: 100%; text-align: center; padding: 10% 0 12% 0; position:relative; z-index:10;}
.intro h1{font-size: 100px; line-height: 100px; font-weight: 900; color: #737373;}
.intro h1 span{background: -webkit-linear-gradient(#035273, #035273);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.intro h2{font-size: 60px; line-height: normal;; font-weight: 900; color: #ababab;}
.intro h3 a{font-size: 60px; line-height: normal; font-weight: 900; color: #14bac6; text-transform: uppercase;}

/*============================ */
/*======== Software Development Section ========== */
/*============================ */

section{padding: 50px 0; }
.grey-bg{background:#f9f9f9;}
.software-development{background: #f9f9f9; }
.white-box{background: #FFF; padding:30px 15px; -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%;
	}
.development{margin-top: 50px}
.software-development .image{margin-bottom: 20px;}
.software-development .peragraph{font-size: 16px; line-height:26px; height:105px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4;  -webkit-box-orient: vertical;}

/*============================ */
/*======== About Section ========== */
/*============================ */

.about-us{background: #FFF; }
.about-project{margin-top: 50px}
.about-project .info{ padding:0 0%; }
.about-project .info .image{margin-bottom: 0px;}
.about-project .info h1{font-size: 80px; font-weight: 900; color: #232323; }
.about-project .info h2{font-size: 30px; font-weight: 300; color: #232323;  line-height: 40px;}
.about-project .info .peragraph{font-size: 16px; line-height:26px; }

/*============================ */
/*======== What will you get Section ========== */
/*============================ */

.what-wiil-get{background: #f9f9f9; }
.wiil-you-get{margin-top: 50px;}
.wiil-you-get .white-box{padding: 30px 5px 30px 5px;vertical-align: middle; height: 100%; transition: ease all 0.5s; }
.wiil-you-get .image{margin:25px 0; }
.wiil-you-get .image .glyph-icon:before{font-size: 60px; -webkit-background-clip: text;  -webkit-text-fill-color: transparent; margin: 0;  }
.wiil-you-get .white-box:hover .glyph-icon:before{font-size: 60px; background: -webkit-linear-gradient(#035273, #035273);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; margin: 0; }  
.wiil-you-get h6{font-size: 16px; line-height:26px; font-weight:600; }

/*============================ */
/*======== technology Section ========== */
/*============================ */

.technologies{background: #FFF;  }
.technologies .heading h1::before { left: 0%; }
.technologies-logos{background: #FFF; border:#EEE solid 1px; border-radius: 10px; width: 100%; float: left; }
.technologies-logos ul li{float:left; width:33.333%; border-right: #EEE solid 1px;text-align: center;  border-bottom: #EEE solid 1px; padding: 15px 0px 15px 0px; transition: ease all 0.5s;}
.technologies-logos ul li:nth-child(1){border-radius: 10px 0 0 0;}
.technologies-logos ul li:nth-child(3){border-right: 0px; border-radius: 0px 10px 0 0;}
.technologies-logos ul li:nth-child(4){border-bottom: 0px; border-radius: 0px 0 0px 10px;}
.technologies-logos ul li:nth-child(5){border-bottom: 0px; }
.technologies-logos ul li:nth-child(6){border-right: 0px; border-bottom: 0px; border-radius: 0px 0 10px 0px;}
.technologies-logos ul li:hover{background: #f1f1f1;}

/*============================================= */
/*======== Our Client Speak Section =========== */
/*============================================= */

.client-speak{background: #f9f9f9}
.client-speak .white-box{padding:25px 15px 15px 15px;vertical-align: middle; margin-top: 50px;  }
.client-speak .carousel{margin-bottom: 0px;}
.client-speak .carousel-item{background: none !important; height:auto; }
.profile{max-width: 250px; width: 100%; margin:0 auto; }
.client-profile{width: 100px; float: left; margin-top: 5px;}
.client-profile img{border-radius: 50px; width: 100%; box-shadow: #d8d8d8 0 0 10px}

.client-name{float: left; padding-left:15px; padding-top: 25px; }
.name h6{font-size: 16px; font-weight: 700; margin-bottom: 0px;  }
.position {font-size: 14px; }
.conpamy-name {font-size: 14px; }
.client-speak .carousel-caption{position:relative; width:100%; bottom: auto; left: 0; top: 0; padding:15px 30px 30px 30px; }
.client-speak .carousel-caption p:before{background: url('../images/left-quote.png') top left no-repeat;  position:absolute; content:""; top: 15px; left:15px; height: 50px;    width: 50px; }
.client-speak .carousel-caption p:after{background: url('../images/right-quote.png') bottom right no-repeat; position:absolute; content:""; bottom: 30px; right: auto;   height: 50px; width: 50px; display:inline-block;}
.client-speak .carousel-caption p{font-size: 16px; font-weight: normal; line-height: 26px; margin-bottom: 10px; text-shadow:none; display:inline-block;}

.client-speak .carousel-indicators li{background: #ebebeb; border-radius:2px; height: 5px; width: 40px; cursor: pointer;}
.client-speak .carousel-indicators li.active{border-radius:2px; height: 5px; background: #035273; /* Old browsers */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05134', endColorstr='#ee3e5b',GradientType=1 ); /* IE6-9 */}

/*============================================= */
/*======== Footer Section =========== */
/*============================================= */

.footer{background: #6e4495; padding: 60px 0;}
.footer .footer-title{font-weight: 600; color: #c2d87b;}

.footer .footer-list ul{margin:15px 0 0 0; padding: 0px; }
.footer .footer-list ul li{margin: 0px; padding: 0px; list-style: none; color: #fff;  line-height: 30px;  font-size: 15px;}
.footer .footer-list ul li a{color: #fff;  font-weight: 500; transition: ease all 0.5s;}
/*.footer .footer-list.fist-col ul li a{color: #ababaf;  font-size: 15px; line-height: 30px; font-weight: 300; white-space: nowrap;}*/
.footer .footer-list ul li a:hover {color: #FFF; opacity: 1; }


ul.social-network li{list-style: none; float: left;  }
ul.social-network .social-network ul li a{list-style: none; float: left; width: 37px;color: #FFF !important; }
.social-network .fa {padding:7px 5px;  font-size: 20px;  width: 35px;  text-align: center;  text-decoration: none;  margin: 5px 2px;}
.social-network .fa:hover { opacity: 0.5;}
.social-network .fa-facebook {background: #3B5998;color: white !important;}
.social-network .fa-twitter {background: #55ACEE;color: white !important;}
.social-network .fa-google { background: #dd4b39; color: white !important;}
.social-network .fa-linkedin { background: #007bb5; color: white !important;}
.social-network .fa-youtube {background: #bb0000;color: white !important;}
.social-network .fa-instagram { background: #125688; color: white !important;}
.social-network .fa-pinterest { background: #cb2027;color: white !important;}
.social-network .fa-skype { background: #00aff0;color: white !important;}


footer .copyright-bar{background: #fff; padding: 15px 0;}
footer .copyright-bar .copyright{text-align: right; color: #000; font-size: 16px; font-weight: 300; padding-top:15px; }

/*============================================= */
/*======== Inner Pages style =========== */
/*============================================= */

.inner-pages .fixed-header .nav-brand img{width: 181px; transition: ease all 0.5s;}
.inner-pages .fixed-header.sticky .nav-brand img{width: 150px;}
.inner-pages header:after{display: none;}
hr{padding-bottom: 50px; margin-top: 50px;}


.inner-pages .fixed-header .logo-white{display: none;}
.inner-pages .fixed-header.sticky .logo-white{display: none;}
.inner-pages .fixed-header .logo-color{display: block; }
.inner-pages .fixed-header.sticky .logo-color{display: block;     width: 150px;  margin-top: 7px;}

.inner-pages .white-box{padding: 30px 15px; position: relative; margin-bottom:20px}
.inner-pages .white-box:before{content: ''; position: absolute; top: 0; left: 0; height: 20px; width: 20px;}

/*============================================= */
/*======== About Page style =========== */
/*============================================= */


.about-feature{margin: 30px 0; }
.mission-vision{background: url('../images/vision-bg.png') top right no-repeat; background-size: 50%;}
.mission-vision .box{padding:0 50px;}
.about-feature .col-sm-12{margin-bottom: 30px;}
.core-value .white-box {padding: 50px 15px 15px 15px;}
.core-value .white-box .glyph-icon:before {  font-size: 60px;  background: -webkit-linear-gradient(#035273, #035273);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0;}
.core-value .white-box:hover .glyph-icon:before {  background: -webkit-linear-gradient(#7885fe, #232857); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  margin: 0;}
.core-value .white-box h5{font-weight: 600; margin: 20px 0 10px 0;}

/*============================================= */
/*======== Why Briskstar Page style =========== */
/*============================================= */

.why-palm-expert{background: #4f95d0 url('../images/we-expert.png') bottom left no-repeat; width: 100%; }
.why-palm-expert .text{padding: 30px 0;}
.why-palm-expert .text li{font-size: 24px;     line-height: 25px; margin: 15px 0;  padding-left: 30px; font-weight: 300; }
.why-palm-expert .text li:before{content: ''; background: url('../images/double-tick.png') top left no-repeat; width: 24px; height: 24px;}
.why-palm .info .glyph-icon:before {font-size: 60px;   background: -webkit-linear-gradient(#7885fe, #232857); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  margin: 0; }
.why-palm .info:hover .glyph-icon:before {   background: -webkit-linear-gradient(#035273, #035273);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0; }

/*============================================= */
/*======== Business Model Page style =========== */
/*============================================= */

ul.list-round li{ list-style: disc;  line-height: 30px;    list-style-position: inside;    font-size: 18px;    font-weight: normal; }

ul.list-dash li{ list-style: none;  line-height: 30px;    list-style-position: inside;    font-size: 18px;    font-weight: 400; position: relative; padding-left: 15px;}
ul.list-dash li:before{content: '-'; position: absolute; top: 0; left: 0; }
.rtl{direction: rtl;}

ul.list-dash.rtl li{ padding-right: 15px;}
ul.list-dash.rtl li:before{left: auto; right: 0; }

.text-red{color: #ff4737;}
.text-blue{color: #035273;}

.fixed-price-aproach .white-box{padding:30px 20px; }
.fixed-price-aproach .number{ text-align: center; color: #d2d2d2; font-weight: bold; font-size: 70px; line-height: 90px; }
.fixed-price-aproach h5{text-transform: uppercase;}

.time-and-aproach{background:#c9ebfa url('../images/time-and-aproach.png') bottom right no-repeat;}


/*============================================= */
/*======== Methodology Page style =========== */
/*============================================= */

.methodology{background: url('../images/methodology.png') center 120px no-repeat; }
.methodology .white-box{margin:15px 0; height: auto;     padding:30px 15px 20px 15px;   width: 100%;  float: left; display: table; }
.methodology .white-box .icon{width: 110px; float: left; text-align: right; margin-right: 15px;  padding-top: 15px; height: 70px;}
.white-box .methodology-step{ float: none; font-weight: 500; width: 60%; display: table-cell; vertical-align: middle; }
.white-box .glyph-icon:before {  font-size: 60px;  background: -webkit-linear-gradient(#035273, #035273);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0;}
.white-box:hover .glyph-icon:before {  background: -webkit-linear-gradient(#7885fe, #232857); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  margin: 0;}
.methodology-sub{ margin-top: 110px; }


/*============================================= */
/*======== Testimonials Page style =========== */
/*============================================= */

.testimonials{margin:15px 0; width: 100%; display: inline-block;  }
.testimonials .client-profile img{border-radius: 50px; width: 70px; box-shadow: #d8d8d8 0 0 10px; }
.testimonials .client-profile{width: 100px; float: none;; margin:5px auto;}
.testimonials blockquote{font-style: italic; text-align: left; line-height: 30px; color: #232323;}


/*============================================= */
/*======== Career Page style =========== */
/*============================================= */

.opnings .opnings-list{margin:15px 0; width: 100%; display: inline-block; }
.opnings .white-box{position: relative;}
.opnings .no-openings{margin:15px 0;}
.opnings .disc-openings{margin:25px 0; }
.opnings .col-md-6{margin-bottom: 30px;}

.opnings .white-box .overlay {  position: absolute;  bottom: 0;  left: 0;  right: 0;  background-color: #035273;  border-radius:5px;  overflow: hidden;  width: 100%;  height: 0;  transition: .5s ease;}
.opnings .white-box:hover .overlay {  height: 100%;}
.opnings .white-box:hover .button { }
.opnings .white-box .overlay .text { color: white;  font-size: 18px; padding: 15px;  position: relative;   overflow: hidden;  top: 0%;  left: 0%; }
.opnings .white-box .overlay ul.list li{list-style-position: outside; text-align: center;  }
.opnings .white-box .overlay ul.list li:before{content: '-'; margin-right: 5px;}

/*============================================= */
/*======== Outsourcing Development Page style =========== */
/*============================================= */

.outsourcing{ padding:50px 0 50px 0; width: 100%;  }
.outsourcing-dev{margin-bottom: 30px;}
.outsourcing-dev .white-box {vertical-align:middle; width: 100%; padding: 50px 0; background: #16bbc7}
.outsourcing-dev .white-box .icon{width: 100%; float: left; text-align: center;  padding-top: 15px; height: 70px;}

/*============================================= */
/*======== Call to Action style =========== */
/*============================================= */

.call-to-action{padding: 30px 0;}
.call-to-action .left-text{color: #FFF; font-weight: 300;}
.call-to-action .left-text a{color: #FFF; text-decoration: underline; font-weight:700;}
.call-to-action .left-text a:hover{color: #FFF; text-decoration: none; font-weight:700;}
.call-to-action .button-white{margin-top: 11px;}


/*============================================= */
/*======== Ecommerce Development style =========== */
/*============================================= */

.inner-development-section{padding: 50px 0 50px 0;}
.inner-development-section .image{margin-bottom: 15px; }
.inner-development-section .button{margin-top: 15px; }
.inner-development-section .white-box{transition: ease all 0.5s;}
.inner-development-section .white-box:hover {box-shadow: #dadada 0 0 70px}

/*============================================= */
/*======== Magento Development style =========== */
/*============================================= */

.paralex-section{background:url('../images/background.jpeg') top center no-repeat; background-size: cover; position: relative; padding: 100px 0; }
.paralex-section:before{content: ''; background: rgba(0, 0, 0, 0.80) ; width: 100%; position: absolute; left: 0; top: 0; height: 100%;}
.paralex-section .image{margin-bottom: 15px; }
.paralex-section .paralex-title{position: relative;}
.development .white-box{width: 100%; display: inline-block;}
.development .white-box{transition: ease all 0.5s; }
.paralex-section .development .white-box p{margin-bottom: 0;}
.paralex-section .development .white-box:hover{ box-shadow: #FFF 0 0 30px;}
.sami-bold{font-weight: 600;}

.paralex-section ul.list-dash li{color: #FFF; margin-bottom: 10px;}

/*============================================= */
/*======== Wordpress Development style =========== */
/*============================================= */

.dark h3 {color: #FFF; margin-bottom: 30px;}
.dark li {color: #FFF;}
.dark p{color: #FFF;}

.wordpress-services{background:#6b8089; }
.drupal-services{background:#298ecf; }
.dnn-services{background:#00a4e4; }
.joomla-services{background: #0d6dab;}

/*============================================= */
/*======== Website design style =========== */
/*============================================= */

.website-design{background: #424ca8; }

/*============================================= */
/*======== ASP .Net MVC Development style =========== */
/*============================================= */


.mvc-development .white-box {padding: 50px 20px;}
.mvc-development .white-box .peragraph{font-weight: bold;}

/*============================================= */
/*======== Portfolio Page style =========== */
/*============================================= */

.portfolio-row{margin:50px 0; width: 100%; display: inline-block; }
.portfolio-detail{width: 100%; padding:0 50px;}
.portfolio-detail h2{color: #035273; font-weight: 600;}
.portfolio-image{background: #FFF; padding:10px; border-radius: 5px;    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%;}

/*======== Portfolio v2 Page style =========== */

.portfolio-v2{background: #FFF; padding:0px; border-radius: 5px;    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%; margin-bottom: 30px;  }

.portfolio-v2 .image, .portfolio-v2:hover .image {  overflow: hidden;  }
.portfolio-v2 .image img{border-radius: 5px 5px 0 0; transition: all 0.7s ease;}
.portfolio-v2:hover .image img{border-radius: 5px 5px 0 0; transition: all 0.7s ease; -webkit-transform:scale(1.3); transform:scale(1.3); }
.portfolio-v2-detail{width: 100%; padding:15px 15px 30px 15px;}
.portfolio-v2-detail h4{margin: 15px 0; width: 100%; display: inline-block;}
.portfolio-logo{position: relative; margin-top: -50px; background: #FFF;}

/*============================================= */
/*======== Contact Page style =========== */
/*============================================= */

.contact-detail{width: 100%; padding:0 100px 0 0px;}

.contact-detail ul.list li{list-style: none; margin:20px 0; width: 100%; padding-left:35px; position: relative;  }
.contact-detail ul.list li .glyph-icon{float: left; height: 30px; width: 30px; position: absolute; left:0; top: 0;}
.contact-detail ul.list li .glyph-icon:before {  font-size: 25px;  background: -webkit-linear-gradient(#035273, #035273);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0; font-weight: normal; padding-left:1px;}
.contact-detail ul.list li:hover .glyph-icon:before {  background: -webkit-linear-gradient(#7885fe, #232857); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  margin: 0;}


.inquiry-form{background: #f9f9f9; padding:30px; border-radius: 5px;    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%;}
.inquiry-form button{background: #FFF; cursor: pointer;}
.inquiry-form span.text-red{font-size:18px;}
.inquiry-form .form-group{margin-bottom: 30px;}
.inquiry-form .form-control{border-color: #f2f2f2; border-radius: 0px; }
.requesr-quote .required{ color:red; position: absolute;  top: 10px;    right: 15px;    font-size: 20px;}
.inquiry-form textarea{height: 100px;}

.map{width: 100%; display: inline-block; margin: 0px; padding: 0px; clear: both; }

/*============================================= */
/*======== Contact V2 Page style =========== */
/*============================================= */

.contact-detail-top{width: 100%; padding:30px 0px 50px 0px;}
.contact-detail-top .image{margin-bottom: 15px; transition: ease all 0.5s;}
.contact-detail-top .glyph-icon:before {  font-size: 50px;  background: -webkit-linear-gradient(#035273, #035273);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0; font-weight: normal; }
.contact-detail-top:hover .glyph-icon:before {  background: -webkit-linear-gradient(#7885fe, #232857); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  margin: 0;}
.contact-detail-top:hover .image {margin-top: 0px;}

.map-box{background: #FFF; padding:15px; border-radius: 5px;    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%;}
.inquiry-form2{background: #FFF; padding:30px; border-radius: 5px;    -webkit-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    -moz-box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08); height: 100%; }
.inquiry-form2 button{ cursor: pointer;}
.inquiry-form2 span.text-red{font-size:18px;}
.inquiry-form2 .form-group{margin-bottom: 15px; position:relative;}
.inquiry-form2 .form-control{border-color: #cccccc; border-radius: 0px; }
.inquiry-form2 .required{ color:red; position: absolute;  top: 10px;    right: 15px;    font-size: 20px;}
.inquiry-form2 textarea{height: 140px;}


/*============================ */
/*======== inner pages Side menu Section ========== */
/*============================ */

ul.side-menu{width: 100%; float: left; padding: 0px 15px 15px 15px; }
ul.side-menu li{width: 100%;  line-height: 30px; margin:0px 0 0 0; float: left; }
ul.side-menu li a{color:#232323; border-bottom: #dcdcdc solid 1px; padding: 10px 0px ; width: 100%; float: left;}
ul.side-menu li a span{float: right; line-height: 30px; opacity: 0; transition: ease all 0.5s;}
ul.side-menu li:hover a{color:#035273;  }
ul.side-menu li:hover a span{ opacity: 1;}
ul.side-menu li.current a{color:#fff;background:#16bbc7;padding: 10px }
ul.side-menu li.current a span{opacity: 1;}

.page-side-menu.white-box{height: auto; width: 100%; float: left;;}
.page-side-menu.fixed{position: fixed; top: 100px;    width: 350px;  height: auto; z-index: 9;}

.sub-pages-content ul.list-dash{ margin: 20px 0 20px 15px; }
.sub-pages-content h4, h5, h6{color: #035273;}

/*============================ */
/*============== Request Quote Form ==============*/
/*============================ */

.requesr-quote { max-width:800px; top:12%; }
.requesr-quote .modal-content{background:#FFF url(../images/star.png) 20px 93% no-repeat;}
.requesr-quote .modal-body{padding:30px; }
.requesr-quote .form-row{margin-bottom:15px; position:relative;}
.requesr-quote .modal-footer{display:block}
.requesr-quote .required{ color:red; position: absolute;  top: 10px;    right: 15px;    font-size: 20px;}
#spMessagePopup {margin-top: 10px; margin-left: 10px;}
#spContactMessage {margin-top:10px; margin-left:10px;}



/*============================ */
/*====== Blog Page Style ======*/
/*============================ */

.blog-post article{ width: 100%; margin-bottom: 30px; border-bottom: #EEE solid 1px;  padding-bottom: 30px; }
.blog-post article .image{margin-bottom: 20px; width: 100%; text-align: center; background:#EEE;}
.blog-post .title:hover a{color: #035273;}
.blog-post article .blog-details ul {margin:10px 0;}
.blog-post article .blog-details ul li { display: inline-block; padding-right: 10px ; border-right:#EEE solid 1px; }
.blog-post article .blog-details ul li { display: inline-block;}
.blog-post article .blog-details ul li i { margin-right:5px; background: -webkit-linear-gradient(#035273, #035273);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.blog-sidebar{height:auto; width:100%; display:inline-block; margin-bottom:30px;}
.blog-sidebar .search {position:relative;}
.blog-sidebar .search input{padding-right:50px;}
.blog-sidebar .search button{padding-right: 0px; position: absolute; top: 4px; right: 0; background: transparent; font-size: 32px; cursor: pointer;}
.blog-sidebar .search button:hover{background: -webkit-linear-gradient(#035273, #035273);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }

.recent-comments li a{ border-bottom: 0px !important; padding: 0 !important; line-height: normal;  }
.recent-comments li {border-bottom: #EEE solid 1px; padding: 10px 0 10px 0;}
.recent-comments li .comment{font-style: italic; line-height: normal;}
.recent-comments li .date{ line-height: normal; font-size: 12px; color: #999;}

/*========= share blog=======*/

.share-blog{width: 100%; background: #EEE; padding: 15px;}
.share-blog #share-buttons img {width: 35px;padding: 5px;border: 0;box-shadow: 0;display: inline;}

.about-author {padding: 15px 0;}
.about-author .discription{width: 100%;}


/*============================ */
/*====== Sitemap Page Style ======*/
/*============================ */
.site-map li{line-height: 30px;}
.site-map li:hover a{color: #035273;}
.site-map-sub{ margin: 10px 0 10px 10px;}
.site-map-sub li{line-height: 24px;}
.site-map-sub li a{font-size: 15px; color: #666;}

/*05/02/2018*/
.pagination-container {width:auto; float:left;}
.pagination-container {width:auto; display:inline-block;}
.pagination li{margin:0 5px;}
.pagination li a {padding:8px 15px; border:#EEE solid 1px; color:#232323;  }
.pagination li:hover a, .pagination li.active a  {padding:8px 15px; background:#ef444e; color:#FFF; border:1px solid transparent;}
.pagination li.active a:focus, .pagination li.active a:hover   {padding:8px 15px; background:#ef444e; color:#FFF; border:1px solid transparent;}

 #dsq-combo-logo {display:none;}
 #dsq-combo-widget.grey #dsq-combo-tabs li {  background:none;   display: inline-block;  width: auto;}
 #dsq-combo-widget #dsq-combo-tabs li a{text-decoration:none; font-weight:normal; font-size:14px;}


 /*============================ */
/*====== Pure Chat Style ======*/
/*============================ */

 #PureChatWidget.purechat .purechat-widget-header .purechat-btn {
    background-color: transparent !important;
    border: 0px solid var(--purechat-btn-b) !important;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.5) !important;
    display: inline-block !important;
    margin-left: 9px !important;
    margin-bottom: 0 !important;
    padding: 5px 5px 4px !important;
    position: relative !important;
}
#PureChatWidget.purechat .purechat-widget-header {
        min-height: 40px !important;
    padding: 5px 10px !important;
}
#PureChatWidget {width:300px !important;
}

.breadcrumb{ display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  padding:30px 0px 0px 0px;
    margin-bottom: 0;    list-style: none;  background-color: #ffffff;  border-radius: .25rem; }

/*==== Back to top =====*/
.back-to-top {  cursor: pointer;    position: fixed;    bottom: 60px;    right: 20px;    display:none; background: #035273;
    border-radius: 50%;    height: 40px;    width: 40px;    vertical-align: middle;    padding: 0px;    line-height: 32px;}
.back-to-top img { width:16px;   }

.captcha{position:relative; }
.captcha img{width:100px; height:30px; float:left; margin-right:10px;}
.captcha input{float:left; border:#EEE solid 1px; border-radius:5px; padding:5px 15px;    position: relative;    left: 0;    right: auto; width:100%; }
.captcha br{display:none;}

.hidden-mobile {display:block;    }
.display-mobile {display:none !important;  }
li.dsq-widget-item {border-bottom:0px;}


/*======= Top Header Info CSS=========*/
.top-header-info{font-size:16px; line-height:28px; background:#035273; padding: 0px 10px 2px 10px;  right: 0px;  top:0px; position:relative; width:auto; float:right; color:#999;}
.top-header-info:before{content:""; position:absolute; top:0; left:-28px; border-style: solid; border-width: 0 28px 30px 0;border-color:transparent #035273 transparent transparent;}
.top-header-info a{color:#FFF; padding:0 5px;}
.top-header-info .glyph-icon{margin-right:5px;}
.top-header-info .glyph-icon:before{font-size:16px; line-height:26px; margin:0px;}
.sticky .top-header-info{position:fixed; top:70px;}


.inner-pages .top-header-info {/*position:absolute; top:88px;*/}
.inner-pages .sticky .top-header-info{position:fixed; top:70px;}


.home-technologies {
    background: url(https://www.tatvasoft.com/images/home-technologies.png) left center no-repeat #348ecc;
    padding: 35px 0;
    min-height: 310px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

    .home-technologies ul {
        padding: 5px 0;
        margin: 0;
        overflow: hidden;
		padding-left:35%
    }

        .home-technologies ul li {
            list-style-type: none;
            padding: 0;
            margin: 0;
            width: 12.5%;
            float: left;
        }

            .home-technologies ul li a {
                color: #FFF;
                text-decoration: none;
                font-size: 14px;
            }

                .home-technologies ul li a div {
                    height: 93px;
                }

@media (max-width:479px) {
    
    .home-technologies ul li {
        width: 50%;
    }
	 .home-technologies ul {
        
		padding-left:0
    }
}

.btn-ss, .h-techbtn, .hm-bigtext, .home-technologies ul li, a.htlink span, h2.hm-subtitle {
    text-align: center;
}
.home-services .hm-bigtext, .home-services h2.hm-subtitle, .home-technologies .hm-bigtext, .home-technologies h2.hm-subtitle {
    color: #FFF;
}
@media (max-width:767px) {
	.home-technologies {
        padding-top: 25px;
    }

        .home-technologies ul li {
            width: 33.3%;
        }

	
}

.top-header-info1{
	
	background:#6e4495;
	height: 40px;
	line-height:35px;
	padding:0px 10px 2px 10px;
	right:0px;
	top:0px;
	position:relative;
	width:auto;
	
}

.top-header-info1 a{
	padding: 0 5px;
	color: #fff
}

.new-portfolio-design p{ font-size: 16px;    line-height: 24px;}
.new-portfolio-design .portfolioFilter{padding-bottom:15px ;}
.new-portfolio-design .portfolioFilter a{margin-right:6px;color:#666;text-decoration:none;border:1px solid #ccc;padding:4px 15px;border-radius:50px;display:inline-block}
.new-portfolio-design .portfolioFilter a.current{background:#16bbc7;border:1px solid #16bbc7;color:#fff}
.new-portfolio-design .portfolioContainer{ padding:15px 0px; margin-left:-15px !important; margin-right:-15px !important;}
.new-portfolio-design .isotope-item{z-index:2; width:33%; display: inline-block; padding: 15px;}
.new-portfolio-design .isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.new-portfolio-design .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;transition-duration:.8s}
.new-portfolio-design .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;transition-property:height,width; overflow:visible !important;}
.new-portfolio-design .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity}
.new-portfolio-design  .portfolio-v2 {   box-shadow: 0px 0px 10px rgba(69, 65, 78, 0.5);  margin-bottom: 0px; position:relative;}
.new-portfolio-design  .portfolio-v2 .image{ padding:0px; border:#fff solid 2px;}
.new-portfolio-design  .portfolio-v2 .image img {    border-radius: 5px;    transition: all 0.7s ease; }
.new-portfolio-design  .portfolio-v2 .image, .portfolio-v2:hover .image{border-radius: 5px;}
.new-portfolio-design .portfolio-v2 h4{font-size:18px; padding:15px 15px 0px 15px; font-weight:700; text-align:center;     border-top: #eee solid 1px;    }
.new-portfolio-design .portfolio-v2 .cat-label{border-radius:25px; position:relative; background:#F00;  z-index:99; width:auto; display:inline-block; float:right; margin-top:-10px; margin-right:15px;}
.new-portfolio-design .portfolio-v2 .cat-label a{font-size:14px; padding:5px 10px;  text-align:center; color:#fff; border-radius:25px; }

.detail-event-slider{width:100%; position:relative; padding:0px;}
.detail-event-slider .slick-prev, .slick-next{z-index:99;width: 40px; height: 40px;  color: white;  background: #212654;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{background:#ee3f5a;}
.detail-event-slider .slick-prev { left: 15px;}
.detail-event-slider .slick-next { right: 15px;}


.portfolio-details h3{font-size:22px; padding:15px 0 0 0px; margin:15px 0 15px 0; font-weight:700; text-align:left;  border-top:#eee solid 1px; width:100%; display:block; clear:both;}
.portfolio-details h4{font-size:18px; padding:0px; margin:10px 0 0 0; font-weight:700; text-align:left; }
.portfolio-details .portfolio-image{height:auto; padding:0px; background:transparent; box-shadow:none;}
.portfolio-details .portfolio-image img{margin-bottom:20px; border:#eee solid 1px;}

/* Social Icons */
.new-portfolio-design .social-icons{display:block; width:100%; margin-bottom:25px;}
.new-portfolio-design .social-icons ul {margin:0px; padding:0px; }
.new-portfolio-design .social-icons ul li {	display: inline-block;	margin-right:10px;	position: relative;	z-index: 1;}
.new-portfolio-design .social-icons ul li a {	display: block;    font-size: 16px;	line-height: 16px;	-webkit-transition: color .2s;	-o-transition: color .2s;	transition: color .2s; text-align:center;}
.new-portfolio-design .social-icons ul li a i{line-height:32px; color:#fff;}
.new-portfolio-design .portfolio-v2 p{ text-align:center; padding:0 15px; min-height:50px}

.inner-pages .top-header-info {   position: absolute;    top: 88px;}
.inner-pages .sticky .top-header-info {    position: fixed;    top: 70px;}

/*======NEW PORTFOLIO DESIGN =======*/

.testimonialsSlider .item{margin:0 15px;}
.testimonialsSlider .slick-prev, .slick-next { z-index: 99;    width: 40px;    height: 40px;    color: white;    background: #ef444f;}
.testimonialsSlider  p {  font-size: 16px;  line-height: 24px; margin-top:15px;}
.testimonialsSlider .slick-track{display:table;}
/* .testimonialsSlider .slick-track .item{display:table-cell; height:100%; float:none; padding:15px; vertical-align:top; position:relative; margin:10px; box-shadow:none; background:transparent;} */
.testimonialsSlider .box-shadow {
    box-shadow: 0px 1px 15px 1px rgba(69, 65, 78, 0.08);
    padding: 15px;
    min-height: 490px;
}


.portfolio-v2 .image, .portfolio-v2:hover .image {
    overflow: hidden;
    max-height: 180px;
    min-height:180px;
}

.portfolio-v2 .image img {        height: 180px;        width: 100%;    }


    .location-box {
        margin-bottom: 25px;
    }
.location-box img { width:100%; border:1px solid #eee; border-radius:10px; margin-bottom:10px}
    .location-box i {
        width: 20px;
        text-align: center;
        color: #ee3e5a;
    }

.inquiry-form2 { margin-top:20px;}
.client-speak .white-box { min-height: 465px;}
